header,
footer,
#main,
#info{width: 100%; overflow: hidden; min-width: 1200px;}
body{background: #fff;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
.header_nav_wrap{position: fixed; width: 100%; left: 0; top: 0; z-index: 1000; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.fix_nav{top: -178px; box-shadow: 0 0 10px #000;}
.fix_nav .nav ul li > a img{top: 3px;}
/************************header************************/
header{background: #fff;}
.header_lag{overflow: hidden; background: #eeeeee; font-size: 14px; line-height: 40px; color: #797979;}
.header_lag a{color: #797979; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.header_lag a:hover{color: #004ca0;}
.header_lag p{float: left;}
.header_lag small{font-size: 14px;}
.header_lag .wrapper > div{float: right; background: url("../images/earth.png") no-repeat left center; padding-left: 20px;}
.header_lag .wrapper > div a{padding: 0 3px;}
.header_logo{background: #fff; padding: 24px 0; -moz-transition: all 400ms linear; -webkit-transition: all 400ms linear; transition: all 400ms linear; overflow: hidden; width: 100%; left: 0; top: 0; z-index: 1000;}
.header_logo h1{float: left; position: relative; top: 5px;}
.header_logo h1 span{text-indent: -999rem; display: none;}
.header_logo .header_logo_r{float: right; background: url("../images/header_pro.jpg") no-repeat right center; padding-right: 100px;}
.header_logo .header_logo_r p{padding: 10px 0;}
.header_logo .header_logo_r p b{font-size: 30px; color: #c8171e;}
.header_logo .header_logo_r p small{color: #fff; display: block; background: #202020; text-align: center; line-height: 26px; border-radius: 20px; font-size: 16px; font-weight: 400;}
.nav{background: #004ca0; height: 57px; position: relative; z-index: 100; line-height: 57px;}
.nav::after{display: block; content: ''; clear: both;}
.nav ul li{float: left; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li:hover{color: #fff; background: #004ca0;}
.nav ul li:hover > a{background: #c8171e;}
.nav ul li:hover small{color: #fff;}
.nav ul li:hover p{visibility: visible; opacity: 1; top: 68px;}
.nav ul li > a{font-size: 16px; color: #fff; display: block; width: 120px; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative;}
.nav ul li > a span{display: block;}
.nav ul li > a small{display: block; font-size: 12px; color: #515555; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li > a img{position: absolute; right: 0; top: -6px;}
.nav ul li p{position: absolute; left: 0; top: 120px; background: #262729; width: 100%; text-align: center; box-sizing: border-box; visibility: hidden; opacity: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; display: none;}
.nav ul li p a{display: block; padding: 10px 0; line-height: inherit; color: #fff; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.nav ul li p a:hover{background: #c8171e;}
.banner{margin-top: 233px;}
.banner .box_skitter .info_slide_dots .image_number{height: 6px; width: 35px; border-radius: 5px;}
.banner .box_skitter .info_slide_dots .image_number{background: #004ca0; opacity: 0.8;}
.banner .box_skitter .info_slide_dots .image_number_select,
.banner .box_skitter .info_slide_dots .image_number_select:hover{background: #fff;}
/************************main************************/
/*top_search*/
.top_search{height: 28px; position: relative; z-index: 20;}
.top_search::after{display: block; content: ''; clear: both;}
.top_search .top_ewm{float: left; width: 280px; background: #34373a; height: 58px; position: relative;}
.top_search .top_ewm:hover div{top: -170px; opacity: 1;}
.top_search .top_ewm div{position: absolute; left: 60px; top: -140px; background: #fff; padding: 8px; width: 150px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; opacity: 0;}
.top_search .top_ewm div img{width: 100%;}
.top_search .top_ewm p{line-height: 58px; color: #fff; text-align: center; background: url("../images/h_top.png") no-repeat center;}
.top_search .top_sch{width: 920px; float: right; background: #004ca0; height: 58px; overflow: hidden; line-height: 58px;}
.top_search .top_sch ul{float: left;}
.top_search .top_sch ul li{float: left; padding: 0 10px;}
.top_search .top_sch ul li a{color: #89bdf6;}
.top_search .top_sch ul li a:hover{color: #fff;}
.top_search .top_sch form{float: right; width: 400px; position: relative;}
.top_search .top_sch form input{display: block; width: 100%; height: 58px; border: 0; line-height: 58px; background: none; text-indent: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; outline: none; color: #fff;}
.top_search .top_sch form input:focus{background: rgba(255, 255, 255, 0.31);}
.top_search .top_sch form button{display: block; position: absolute; right: 0; top: 0; width: 58px; height: 58px; background: url("../images/sch.png") no-repeat center; text-indent: -999rem; cursor: pointer;}
/*-------------------------------------------------------------------------jie_fn 解决方案-----------------------------------------------------------------------------------*/
.main_title{text-align: center; padding: 50px 0 45px 0;}
.main_title h4{font-size: 36px; color: #2b2b2b; background: url("../images/main_titlebg.png") no-repeat center bottom; padding-bottom: 20px; margin-bottom: 15px;}
.main_title small{display: block; font-size: 22px; color: #9e9e9e; font-weight: 300; letter-spacing: 5px;}
.jie_fn{overflow: hidden; padding-bottom: 65px;}
.jie_fn ul li{float: left; text-align: center; margin-left: 70px;}
.jie_fn ul li:first-child{margin-left: 0;}
.jie_fn ul li p{width: 175px; height: 175px; border-radius: 50%; border: 4px solid #e6e6e6; overflow: hidden; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.jie_fn ul li p img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.jie_fn ul li:hover p{border: 4px solid #004ca0;}
.jie_fn ul li:hover span{color: #004ca0;}
.jie_fn ul li span{font-size: 20px; color: #595959; display: block; margin-top: 15px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
/*-------------------------------------------------------------------------product_type 首页产品分类及热销-----------------------------------------------------------------------------------*/
.idx_product{background: url("../images/probg.jpg") no-repeat center; background-size: cover; padding-bottom: 72px;}
.left{float: left;}
.right{float: right;}
.in_product{width: 1200px; margin: 30px auto;}
.in_product .biger{width: 100%; height: 335px; margin-bottom: 30px;}
.in_product .biger li{width: 588px; height: 335px; background: #fff; position: relative;}
.in_product .biger li .type_img{max-width: 300px; position: absolute; right: 30px; top: 50%; margin-top: -142px;}
.in_product .biger li dl{padding: 40px; height: 172px; position: relative; z-index: 2; overflow: hidden;}
.in_product .biger li dl dt{font-size: 22px; font-weight: bold; color: #0f0f0f; line-height: 50px; height: 70px;}
.in_product .biger li dl dd{font-size: 16px; color: #7e7e7e; line-height: 34px;}
.in_product .biger li .more{padding: 10px 40px;}
.in_product .biger li .more a{display: block; border: 1px solid #a4a4a4; width: 133px; height: 43px; text-align: center; line-height: 43px; font-size: 16px; color: #7e7e7e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.in_product .biger li .more a:hover{background: #e70014; border: 1px solid #e70014; color: #fff;}
.in_product .smaller{width: 100%; height: 218px; margin-bottom: 30px;}
.in_product .smaller li{width: 383px; height: 218px; background: #fff; position: relative; overflow: hidden; margin-right: 24px;}
.in_product .smaller li:last-of-type{margin-right: 0;}
.in_product .smaller li .type_img{max-width: 200px; position: absolute; right: 10px; top: 50%; margin-top: -50px;}
.in_product .smaller li dl{padding: 20px; position: relative; z-index: 9;}
.in_product .smaller li dl dt{font-size: 20px; font-weight: bold; color: #0f0f0f; line-height: 50px; height: 70px;}
.in_product .smaller li dl dd{width: 160px; font-size: 14px; color: #7e7e7e; line-height: 22px; height: 44px;}
.in_product .smaller li .more{padding: 10px 20px;}
.in_product .smaller li .more a{text-align: left; line-height: 22px; font-size: 14px; color: #7e7e7e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.in_product .smaller li .more a:hover{background: #c8171e; color: #fff; padding: 5px 10px;}
.in_product .more_pro{width: 100%; height: 55px; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.in_product .more_pro a{width: 100%; height: 55px; line-height: 55px; display: block; background: #004ca0; color: #fff; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.in_product .more_pro a:hover{letter-spacing: 1em; font-size: 20px; background: #000;}
/*-------------------------------------------------------------------------supplier 首页优势------------------------------------------------------------------------------------*/
.ys{overflow: hidden;}
.index03{width: 1420px; height: 629px; margin: 0 auto; position: relative; top: -28px;}
.index03 .youshi00{width: 611px; height: 425px; background: url(../images/youshi00.jpg) center no-repeat; position: absolute; left: 287px; top: 82px;}
.index03 .youshi01{width: 450px; height: 130px; color: #818282; line-height: 22px; font-size: 16px; position: absolute;}
.index03 .youshi01 span{color: #004ca0; font-size: 22px; line-height: 55px; display: block;}
.index03 .youshi01 img{width: 130px; height: 130px; float: left; padding-right: 16px;}
.index03 .youshi02{width: 450px; height: 130px; color: #818282; line-height: 22px; text-align: right; font-size: 16px; position: absolute;}
.index03 .youshi02 span{color: #004ca0; font-size: 22px; line-height: 55px; display: block;}
.index03 .youshi02 img{width: 130px; height: 130px; float: right; padding-left: 16px;}
.index03 .p01{left: 0; top: 82px;}
.index03 .p02{left: 0; top: 251px;}
.index03 .p03{left: 0; top: 419px;}
.index03 .p04{right: 0; top: 89px;}
.index03 .p05{right: 0; top: 252px;}
.index03 .p06{right: 0; top: 423px;}
.index04{width: 100%; height: 105px; line-height: 105px; border-top: 1px #dadada solid; position: relative;}
.index04 li{float: left; padding-right: 52px; font-size: 22px; color: #222222;}
.index04 li:last-child{float: right; padding-right: 0;}
.index04 li img{padding-right: 25px; float: left; margin-top: 34px;}
/*-------------------------------------------------------------------------case 案例展示------------------------------------------------------------------------------------*/
.case{overflow: hidden; background: url("../images/case_bg.jpg") no-repeat center; padding-bottom: 80px;}
.case .main_title h4{color: #fff; background: url("../images/main_tit2.png") no-repeat center bottom;}
.case .main_title small{color: #fff; opacity: 0.6;}
.case ul{width: 786px; height: 504px; position: relative; overflow: hidden; float: left;}
.case ul li{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.case ul li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.case ol{width: 414px; float: right;}
.case ol li{height: 100px; overflow: hidden; background: rgba(28, 31, 33, 0.51); padding: 0 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; cursor: pointer;}
.case ol li.case_act,
.case ol li:hover{background: #c8171e;}
.case ol li b{font-size: 18px; color: #fff; line-height: 100px;}
.case ol li img{width: 100px; height: 64px; float: right; margin-top: 20px;}
.idx_e{margin-top: 70px; position: relative;}
.idx_e:after{display: block; content: ''; width: 1200px; height: 38px; background: url("../images/boxshaow.png") no-repeat center; position: absolute; left: 50%; margin-left: -600px; bottom: -22px;}
.idx_e .wrapper{overflow: hidden; position: relative; text-align: center; border: 1px solid #ccc; padding: 40px 0;}
.idx_e .wrapper > img{position: absolute; left: 23px; top: 0;}
.idx_e .wrapper b{display: block; text-indent: -999rem; background: url("../images/itxt.jpg") no-repeat center; margin: 0 auto; width: 741px; height: 31px;}
.idx_e .wrapper small{display: block; font-size: 18px; color: #8d8d8d; margin: 12px 0 20px 0;}
.idx_e .wrapper a{display: inline-block; width: 204px; line-height: 42px; background: #c8171e; color: #fff; font-size: 16px; font-weight: 300; border: 1px solid rgba(255, 255, 255, 0); position: relative; top: -2px; margin-right: 30px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.idx_e .wrapper a:hover{background: #004ca0;}
.idx_e .wrapper span{display: inline-block; width: 204px; line-height: 42px; border: 1px solid #000; font-size: 20px; background: url("../images/itel.jpg") no-repeat 15px center; text-align: left; text-indent: 43px;}
.idx_e .wrapper p{position: absolute; right: 44px; text-align: center; top: 37px;}
.idx_e .wrapper p img{display: block;}
.idx_e .wrapper p em{font-style: normal; font-size: 16px; color: #717171;}
/*-------------------------------------------------------------------------company 首页公司简介------------------------------------------------------------------------------------*/
.company{overflow: hidden; position: relative; padding-bottom: 70px;}
.company .company_con .com_left{width: 600px; float: left;}
.company .company_con .com_right{width: 510px; float: right; font-size: 14px; padding: 38px 35px; line-height: 26px; border: 10px solid #f3f3f3; background: #fff;}
.company .company_con .com_right b{display: block; font-size: 20px; color: #555555;}
.company .company_con .com_right b:after{display: block; content: ''; background: #cd281e; width: 44px; height: 1px; margin: 18px 0;}
.company .company_con .com_right span{font-size: 14px; color: #868686; margin-bottom: 35px; display: block; line-height: 33px;}
.company .company_con .com_right a{padding: 10px 20px; border: 1px solid #7f7f7f; color: #7f7f7f; font-size: 16px; font-weight: 300; margin-right: 15px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.company .company_con .com_right a:hover{background: #004ca0; color: #fff;}
.honor_ol{margin-top: 60px;}
.honor_ol li{float: left; margin-right: 85px; position: relative;}
.honor_ol li p{position: absolute; left: 0; bottom: 48px; text-align: center; width: 100%;}
.honor_ol li p b{display: block; color: #004ca0; font-size: 20px;}
.honor_ol li p a{display: block; background-color: #004ca0; width: 86px; height: 20px; color: #fff; margin: 5px auto 0; font-size: 14px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.honor_ol li p a:hover{background: #c8171e;}
.honor_ol li:last-of-type{margin-right: 0;}
/*news*/
.news{overflow: hidden; background: #fff; padding: 70px 0; background: #f3f3f3;}
.news .new_tit{position: relative; border-bottom: 1px solid #ccc; padding-bottom: 16px; margin-bottom: 15px;}
.news .new_tit a{display: block; position: absolute; right: 10px; top: 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-top: 8px;}
.news .new_tit a:hover{color: #004ca0;}
.news .new_tit span{font-size: 22px; color: #004ca0; font-weight: bold; position: relative;}
.news .new_tit i{display: block; content: ''; width: 87px; height: 3px; background: #004ca0; position: absolute; left: 0; bottom: 0;}
.news .new_tit small{color: #a2a2a2; font-size: 22px; padding-left: 10px;}
.news .news_left{float: left; width: 685px; padding: 10px;}
.news .news_left .new_l_top{margin-bottom: 20px;}
.news .news_left .new_l_top:hover b{color: #004ca0;}
.news .news_left .new_l_top b{display: block; font-size: 16px; color: #3e3e3e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 10px;}
.news .news_left .new_l_top small{display: block; font-size: 14px; color: #a6a6a6;}
.news .news_left .news_i_left{float: left; width: 285px; overflow: hidden;}
.news .news_left .news_i_right{float: right; width: 390px;}
.news .news_left .news_i_right ul li{padding-bottom: 14px; margin-bottom: 5px; border-bottom: 1px solid #ccc;}
.news .news_left .news_i_right ul li:hover p{color: #004ca0;}
.news .news_left .news_i_right ul li:hover p b{color: #004ca0;}
.news .news_left .news_i_right ul li:hover div b{color: #004ca0;}
.news .news_left .news_i_right ul li a{display: block; overflow: hidden;}
.news .news_left .news_i_right ul li a p{width: 84px; text-align: center; color: #909090; float: left; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news .news_left .news_i_right ul li a p b{display: block; font-size: 30px; color: #7f7f7f; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 10px;}
.news .news_left .news_i_right ul li a p small{display: block; font-size: 14px; margin-top: -10px;}
.news .news_left .news_i_right ul li a div{width: 304px; float: right;}
.news .news_left .news_i_right ul li a div b{display: block; font-size: 16px; color: #3e3e3e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-top: 10px;}
.news .news_left .news_i_right ul li a div small{display: block; font-size: 14px; color: #a6a6a6; margin-top: 10px;}
.news .news_right{float: right; width: 445px; padding: 10px;}
.news .news_right ul li{overflow: hidden; border-bottom: 1px dashed #ccc; background: url("../images/qabg.jpg") no-repeat left top; padding-left: 40px; margin-bottom: 27px; padding-bottom: 25px;}
.news .news_right ul li a{display: block; overflow: hidden;}
.news .news_right ul li a:hover b{color: #004ca0;}
.news .news_right ul li a b{display: block; font-size: 16px; color: #3e3e3e; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; margin-bottom: 10px;}
.news .news_right ul li a small{display: block; font-size: 14px; color: #a6a6a6;}
/*product*/
ul.pro_list{width: 950px;}
ul.pro_list li{width: 270px; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0;}
ul.pro_list li p{height: 272px; background: #fff; position: relative; width: 100%; border-bottom: 0;}
ul.pro_list li p img{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 75%; max-width: 90%;}
ul.pro_list li div{background: #f3f3f3; text-align: center; padding: 10px 0; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
ul.pro_list li div small{display: block; color: #333; font-size: 16px; font-weight: bold; margin-bottom: 5px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
ul.pro_list li div span{display: block; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; font-size: 14px;}
ul.pro_list li:hover div{background: #004ca0; color: #fff;}
ul.pro_list li:hover small{color: #fff;}
ul.pro_list li:hover span{color: #fff;}
.pro_right{width: 875px; background: #fff; padding: 20px; overflow: hidden; float: right; box-shadow: 0 0 25px #ccc;}
/*sidebar*/
.sidebar{width: 210px; float: left; background: #fff; padding: 26px 20px 10px 20px; box-shadow: 0 0 25px #ccc;}
.sidebar h4{font-size: 30px; color: #004ca0; margin-bottom: 20px;}
.sidebar ul li{border-bottom: 1px solid #ccc;}
.sidebar ul li:hover > a,
.sidebar ul li.act > a{background: #c8171e; color: #fff;}
.sidebar ul li > a{display: block; position: relative; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; height: 45px; line-height: 45px; overflow: hidden; color: #333; width: 100%; text-indent: 8px; font-size: 16px;font-weight: bold;}
.sidebar ul li p a{display: block; font-size: 14px; text-indent: 20px; margin-top: 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.sidebar ul li p a:hover{color: #004ca0; font-weight: bold;}
.sidebar .sidebar_con{background: #004ca0; padding: 25px; margin-top: 60px;}
.sidebar .sidebar_con p{background-repeat: no-repeat; background-position: left 5px; padding-left: 25px; margin-bottom: 22px;}
.sidebar .sidebar_con p:nth-of-type(1){background-image: url("../images/s1.png");}
.sidebar .sidebar_con p:nth-of-type(2){background-image: url("../images/s2.png"); margin-bottom: 0;}
.sidebar .sidebar_con p small{display: block; font-size: 14px; color: #fff;}
.sidebar .sidebar_con p b{font-size: 20px; color: #fff;}
.sidebar .sidebar_con p span{display: block; font-size: 14px; color: #fff;}
/* Footer----------------------------------------*/
#end_wrap{width: 100%; height: 599px; background: #0f0f0f; position: relative; overflow: hidden;}
#end_bar_w{width: 100%; height: 71px; background: #004ca0;}
#end_bar{width: 1100px; margin: 0 auto; height: 71px; line-height: 71px; font-size: 16px; overflow: hidden; position: relative; padding-right: 100px;}
#end_bar big{font-size: 18px; font-weight: bold; color: #fff;}
#end_bar a{color: rgba(255, 255, 255, 0.53); font-size: 16px; display: inline-block; margin: 0 10px;}
#end_bar a:hover{color: #fff;}
#end_txt_w{width: 1200px; margin: 0 auto; height: 448px; padding: 50px 0 0 0; text-align: center;}
#e_lxwm{float: left; width: 365px; text-align: left;}
#e_lxwm .title{font-size: 26px; color: #fff; font-weight: bold;}
.e_fwzc_lxlist{width: 340px; height: 348px; float: left;}
.e_fwzc_lxlist ul{padding: 20px 0;}
.e_fwzc_lxlist li{padding-left: 30px; line-height: 35px; color: rgba(255, 255, 255, 0.51); font-size: 16px;}
.e_lx_icon1{background: url(../images/lx_icon1.png) left center no-repeat;}
.e_lx_icon2{background: url(../images/lx_icon2.png) left top no-repeat;}
.e_lx_icon3{background: url(../images/lx_icon3.png) left center no-repeat;}
.e_lx_icon4{background: url(../images/lx_icon4.png) left center no-repeat;}
#end_menu{width: 830px; height: 390px; float: right;}
#end_menu dl{width: 155px; padding: 0 15px; height: auto; overflow: hidden; display: block; float: left; text-align: left;}
#end_menu dl dt{margin: 0 0 10px 0; display: block;}
#end_menu dl dt i{width: 17px; height: 4px; background: #535353; display: block; margin-top: 10px;}
#end_menu dl dt a{display: inline-block; color: #fff; font-size: 18px; line-height: 30px; height: 30px; font-weight: bold;}
#end_menu dl dd a{display: inline-block; color: #9e9c9c; font-size: 16px; line-height: 34px; height: 34px;}
#end_menu dl dt a:hover{color: #f00;}
#end_menu dl dd a:hover{color: #f00;}
.end_txt{width: 1200px; margin: 0 auto; position: relative; color: #5e5f61; font-size: 14px; text-align: center; line-height: 30px; height: 70px; padding-top: 20px;}
.end_logo{position: absolute; top: -30px; left: 50%; margin-left: -56px;}
.end_logo2{position: absolute; top: -4px; left: 50%; margin-left: -600px;}
.end_txt a{color: #5e5f61;}
.end_txt a:hover{color: #fff;}
#end_menu dl.dl_ewm{width: 240px;}
#end_menu dl.dl_ewm dd p{float: left; text-align: center; margin-right: 15px;}
#end_menu dl.dl_ewm dd p img{width: 100px; height: 100px;}
#end_menu dl.dl_ewm dd p small{display: block; color: #fff; opacity: 0.6; font-style: 15px;}
/*-------------------------------------------------------------------------关于我们详情页 info_company------------------------------------------------------------------------------------*/
.info_company{overflow: hidden;}
.info_company .wrapper > b{display: block; font-size: 24px; color: #004ca0; margin-bottom: 30px; margin-top: 40px;}
.info_company .wrapper > b span{color: #373737;}
.info_company_title{text-align: center; padding: 80px 0 70px 0; position: relative;}
.info_company_title b{display: block; font-size: 35px; color: #494949; position: relative; z-index: 2;}
.info_company_title small{display: block; font-size: 64px; color: #ecf1f6; position: absolute; left: 0; top: 70px; width: 100%; text-align: center; font-weight: bold;}
.shebei_yy{height: 433px; background: url("../images/yiyi.jpg") no-repeat center; background-attachment: fixed;}
.shebei_yy .wrapper{position: relative; height: 100%;}
.shebei_yy b{font-size: 32px; color: #004ca0; padding: 4% 0 2% 0; display: block;}
.shebei_yy small{display: block; width: 60%; color: #4c4c4c; font-size: 16px; line-height: 30px;}
.shebei_yy img{position: absolute; right: 0; bottom: -45px;}
/*-------------------------------------------------------------------------企业文化 info_culture------------------------------------------------------------------------------------*/
.info_culture_con{overflow-y: hidden; position: relative;}
.info_culture_con .info_culture_left{float: left; width: 50%;}
.info_culture_con .info_culture_right{width: 50%; border: 10px solid #f3f3f3; box-sizing: border-box; position: absolute; right: 0; top: 0; height: 100%; border-left: 0; padding-left: 38px;}
.info_culture_con .info_culture_right img{position: absolute; right: 35px; top: 40px;}
.info_culture_con .info_culture_right ul{margin-top: 45px; width: 475px;}
.info_culture_con .info_culture_right ul li{margin-bottom: 30px;}
.info_culture_con .info_culture_right ul li b{display: block; font-size: 20px; color: #373737;}
.info_culture_con .info_culture_right ul li small{display: block; font-size: 14px; color: #868686;}
/*-------------------------------------------------------------------------时间轴 info_culture------------------------------------------------------------------------------------*/
#certify{position: relative; width: 1200px; margin: 0 auto;}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{width: 520px; height: 455px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{display: block; width: 505px; height: 354px; margin: 15px auto;}
#certify .swiper-slide p{padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; margin-top: 25px;}
#certify .swiper-pagination{width: 100%; bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc; background-color: #fff;}
#certify .swiper-button-prev{left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px; background-size: 100%;}
#certify .swiper-button-next{right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px; background-size: 100%;}
.page_box{margin-top: 60px;}
.tejia_con2 img{max-width: 333px; height: 226px;}
.tejia_con2 .img{width: 333px; height: 226px; transition: all 0.5s; text-align: center;}
.tejia_con2 ul li{width: 333px; height: 226px; margin: 0 4px; float: left;}
.tejia_con2 ul li a{display: block; padding: 50px 0; margin: 0 auto;}
.tejia_con2 ul{width: 99999px; position: absolute;}
.tejia_con2{position: relative; width: 999px; height: 440px; overflow: hidden; margin: 0 auto;}
.tejia_cc2{position: relative; width: 1160px; height: 440px; margin: 20px auto;}
.bbtn{text-align: center; z-index: 2;}
.aleft_l2{position: absolute; left: 0; top: 130px; font-size: 60px; width: 66px; height: 66px; line-height: 50px; text-align: center; background-color: #004ca0; border-radius: 50%; background-image: url("../images/hleft.png"); background-position: center; background-repeat: no-repeat; background-size: 20px;}
.aright_r2{position: absolute; right: 0; top: 130px; font-size: 66px; width: 66px; height: 66px; line-height: 50px; text-align: center; background-color: #004ca0; border-radius: 50%; background-image: url("../images/rleft.png"); background-position: center; background-repeat: no-repeat; background-size: 20px;}
.aleft_l2:hover,
.aright_r2:hover{background-color: #004ca0;}
.aleft_l2 i,
.aright_r2 i{color: #fff;}
.show_img a{display: block; position: relative; width: 365px; height: 300px;}
.show_img .img{transform: scale(1.4); box-shadow: 0 3px 3px #000; background: #fff;}
.gd_title{overflow: hidden; height: 0; transition: all 0.3s;}
.show_img .gd_title{width: 365px; left: 25px; height: 56px; line-height: 60px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; background: url(../images/honor_gd_title.png) center no-repeat; color: #fff; font-size: 20px;}
.honor_ul_list{overflow: hidden;}
.honor_ul_list li{width: 250px; height: 175px; float: left; overflow: hidden; border: 1px solid #ccc; margin: 0 10px 10px 0;}
.honor_ul_list li img{display: block; width: 100%; height: 100%;}
.honor_wrap{background: #f6f5f5; padding-bottom: 65px;}
.time{position: relative;}
.time:after{display: block; content: ''; clear: both;}
.time:before{display: block; content: ''; width: 1px; height: 100%; background: #9a9a9a; position: absolute; left: 50%; margin-left: -0.5px; top: 0;}
.time em{position: absolute; width: 10px; height: 10px; background: #d6000e; left: 50%; margin-left: -5px; z-index: 2; border-radius: 50%; top: 40px; display: block; transition: 300ms ease; -webkit-transition: 300ms ease;}
.time ul li{width: 42%; position: relative; z-index: 3;}
.time ul li:after{display: block; content: ''; clear: both;}
.time ul li p{width: 80%; background: #fff; height: 80px; font-size: 14px; color: #555555; position: relative; display: block;}
.time ul li p:after{display: block; content: ''; height: 100%; background: #555; top: 0; position: absolute; width: 0; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li p span{padding: 0 10px; position: absolute; z-index: 2; transition: 600ms ease; -webkit-transition: 600ms ease; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.time ul li div{width: 20%; background: #7a7a7a; text-align: center; font-size: 15px; color: #fff; line-height: 80px; position: relative; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li div:after{display: block; content: ''; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 50%; margin-top: -14px; transition: 600ms ease; -webkit-transition: 600ms ease;}
.time ul li:nth-of-type(odd){float: left; margin-bottom: 80px;}
.time ul li:nth-of-type(odd) p{float: left;}
.time ul li:nth-of-type(odd) p:after{left: 0;}
.time ul li:nth-of-type(odd) p span{text-align: left;}
.time ul li:nth-of-type(odd) div{float: left;}
.time ul li:nth-of-type(odd) div:after{border-left: 16px solid #7a7a7a; right: -16px;}
.time ul li:nth-of-type(odd):hover div:after{border-left: 16px solid #d6000e;}
.time ul li:nth-of-type(even){float: right; margin-top: 80px;}
.time ul li:nth-of-type(even) p{float: right;}
.time ul li:nth-of-type(even) p:after{right: 0;}
.time ul li:nth-of-type(even) p span{text-align: left;}
.time ul li:nth-of-type(even) div{float: left;}
.time ul li:nth-of-type(even) div:after{border-right: 16px solid #7a7a7a; left: -16px;}
.time ul li:nth-of-type(even):hover div:after{border-right: 16px solid #d6000e;}
.time ul li:hover p span{color: #fff;}
.time ul li:hover p:after{width: 100%;}
.time ul li:hover div{background: #d6000e;}
/*qa*/
.news_list_con{background: #fff; padding: 30px 30px 80px 30px; margin-top: 30px;}
.news_list_con ul li{overflow: hidden; padding: 30px 20px; border-bottom: 1px solid #ccc; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; position: relative;}
.news_list_con ul li:hover{background: #eee;}
.news_list_con ul li:hover div.bdsharebuttonbox{opacity: 1;}
.news_list_con ul li a:hover b{color: #004ca0;}
.news_list_con ul li img{float: left; width: 212px; height: 127px;}
.news_list_con ul li p,
.news_list_con ul li div.l_con{float: right; width: 865px; position: relative; height: 127px;}
.news_list_con ul li p b,
.news_list_con ul li div.l_con b{display: block; font-size: 18px; margin-bottom: 10px; font-weight: 500;}
.news_list_con ul li p span,
.news_list_con ul li div.l_con span{display: block; font-size: 14px; color: #666; line-height: 30px;}
.news_list_con ul li p small,
.news_list_con ul li div.l_con small{display: block; font-size: 12px; position: absolute; left: 0; bottom: 0; color: #666;}
.news_list_con ul li div.bdsharebuttonbox{position: absolute; right: 0; bottom: 0; opacity: 0;}
/*info_case*/
.honor_list{width: 1250px;}
.honor_list li{float: left; position: relative; margin: 0 25px 25px 0; border: 1px solid #ccc; width: 383px; height: 285px;}
.honor_list li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.honor_list li span{display: block; width: 100%; background: #004ca0; color: #f5f5f5; line-height: 40px; position: absolute; bottom: 0; left: 0; text-align: center; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li div{position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; transition: all 500ms; -webkit-transition: all 500ms;}
.honor_list li:hover div{border: 10px solid #004ca0;}
.honor_list li:hover span{bottom: 20px;}
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*page*/
.prev_next a:hover{color: #da0922;}
.prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #da0922;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
.prev_next .prev,
.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
.prev_next .prev a:hover,
.prev_next .next a:hover{color: #da0922;}
.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*location*/
/*product-info*/
/*缩略图*/
.concompanycon table{margin-left: 2px;}
.concompanycon table th{color: #444444; font-weight: normal; font-size: 14px; font-family: 'Microsoft YaHei', arial; text-align: right; vertical-align: top; padding-top: 9px;}
.concompanycon table td select{font-family: 'Microsoft YaHei', arial; font-size: 14px; width: 278px; height: 32px; text-indent: 8px; border: 1px solid #d2d4d6; margin: 5px auto 6px 5px; background: #FFF; margin-left: -3px;}
.concompanycon table td ul{list-style: none; position: absolute;}
.concompanycon table td ul li{font-family: 'Microsoft YaHei', arial; font-size: 14px; line-height: 28px; text-indent: 8px; width: 276px; height: 28px; border-left: 1px solid #d2d4d6; border-right: 1px solid #d2d4d6; background: #FFF;}
.concompanycon table td ul li a{display: block; text-decoration: none; color: #444444;}
.concompanycon table td ul li a:hover{color: #fe7d0c;}
.concompanycon table td ul li:last-child{border-bottom: 1px solid #d2d4d6;}
.concompanycon table td input{font-size: 14px; width: 276px; height: 28px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td .yanzheng{width: 101px;}
.concompanycon table td textarea{resize: none; width: 545px; height: 178px; border: 1px solid #d2d4d6; margin: 5px auto 5px 5px;}
.concompanycon table td img{vertical-align: middle; margin-left: 5px; margin-bottom: 4px;}
.concompanycon table td .but{width: 74px; height: 31px; line-height: 27px; background: #d1020c; border-radius: 2px; border: none; text-align: center; margin-top: 14px; margin-left: 5px; font-size: 14px; font-family: 'Microsoft YaHei', SimHei, sans-serif; color: #FFF;}
.pro_img_left{width: 580px; border: 1px solid #ccc; height: 385px; position: relative; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.pro_img_left img{max-height: 100%; max-width: 100%;}
#info{padding-bottom: 80px;}
.location{background: #fff;}
.location b a{padding-right: 10px; display: inline-block;}
.info2 + footer{margin-top: 0;}
/*相册*/
#xiangce{background: #eee; padding: 60px 0;}
.swiper-container-xc{position: relative; overflow: hidden;}
.info_pro{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px;}
.pro-img{float: left;}
.info_pro-text{float: right; width: 560px; margin-top: 0px;}
.info_pro-text h4{font-size: 22px; color: #004ca0; padding-bottom: 10px;}
.info_pro-text > small{background: #eee;line-height: 26px;padding: 10px 20px;display: block;margin: 20px 0;color: #3A3838;font-size: 13px;}
.info_pro-text > small strong{ color: #C8171E;font-size: 15px;}
.info_pro-text ul li{margin-top: 5px;}
.info_pro-text ul li small{display: inline-block; width: 60px; color: #a9a8a8; font-size: 14px; float: left; margin-top: 2px;}
.info_pro-text ul li span{color: #333; font-size: 14px;}
.info_pro-text ul li b{color: #c8171e; font-size: 35px;}
.info_pro-text ul li:nth-of-type(2) small{margin-top: 15px;}
.info_pro-text p.p_dz {overflow: hidden; margin-top: 15px; margin-bottom: 15px;}
.info_pro-text p.p_dz  a{display: block; margin-right: 10px; float: left; font-size: 14px; text-align: center; color: #004ca0; width: 157px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear; overflow: hidden; height: 35px; line-height: 35px; transition: all 0.2s linear 0s; background: rgba(17, 80, 155, 0.07); border: 1px #004ca0 solid;}
.info_pro-text p.p_dz  a:hover{background: #004ca0; color: #fff; border: 1px solid #004ca0;}
.i_pro_con > h4{font-size: 35px; font-weight: 300; text-align: center; margin-bottom: 20px;}
.p_content{font-size: 15px; line-height: 30px; color: #6b6b6b;}
.p_content iframe{display: none !important;}
.p_content img{max-width: 100% !important; margin: 0 auto; display: block;}
.p_content table{width: 95% !important; word-break: break-all; text-align: center; margin: 0 auto;}
.p_content table tr{background: #fff !important;}
.p_content table td{padding-left: 10px; background: #fff !important;}
.p_content2{color: #6e6e6e; line-height: 35px;}
.p_content2 p{text-indent: 2rem;}
/*i_pro_others*/
.i_pro_others{margin-top: 45px;}
.info-tj{text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 20px;}
.info-tj b{display: block; font-size: 30px; font-weight: 500; color: #004ca0;}
.info-tj small{display: block; font-size: 16px; color: #999;}
.swiper-container-xc{padding-bottom: 36px;}
.pro-list-gallery{width: 1250px;}
.pro-list-gallery li{float: left; width: 225px; overflow: hidden; margin-right: 15px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.pro-list-gallery li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.pro-list-gallery li:hover span{background: #004ca0;}
.pro-list-gallery li p{width: 225px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; height: 200px; position: relative;}
.pro-list-gallery li p img{display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.i_pro_others::after{display: block; content: ''; clear: both;}
.i_pro_others .pro-list-others{width: 1250px;}
.i_pro_others .pro-list-others li{float: left; width: 285px; overflow: hidden; margin-right: 20px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.i_pro_others .pro-list-others li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_pro_others .pro-list-others li:hover span{background: #c8171e;}
.i_pro_others .pro-list-others li p{width: 285px; border: 1px solid #ccc; box-sizing: border-box; height: 190px; position: relative;}
.i_pro_others .pro-list-others li p img{display: block; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.i_pro_others .pro-list-others li span{display: block; height: 40px; overflow: hidden; width: 100%; line-height: 40px; background: #666; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
/*i_pro_order*/
.i_pro_order{padding-top: 60px; overflow: hidden; padding-bottom: 100px; margin-top: 60px; background: #eee;}
.i_pro_order .i_pro_con_left{float: left;}
.i_pro_order .form_i{margin-bottom: 10px;}
.i_pro_order .form_i select{height: 30px; line-height: 30px;}
.i_pro_order .form_i span{display: inline-block; width: 75px; font-size: 14px; text-align-last: justify; color: #666;}
.i_pro_order .form_i input{display: inline-block; line-height: 30px; height: 30px; width: 255px;}
.i_pro_order button{display: block; width: 250px; line-height: 35px; background: #004ca0; color: #fff; text-align: center; border: 0; font-family: 'Microsoft YaHei', SimHei, sans-serif; margin-left: 78px;}
.i_pro_con_right{float: right; width: 540px;}
.i_pro_con_right #allmap{width: 100%; height: 220px; float: none;}
.i_pro_con_right h3{font-size: 22px; font-weight: 500; margin-top: 40px; margin-bottom: 5px;}
.i_pro_con_right ul li{font-size: 15px; margin-bottom: 10px; color: #666;}
#sub_bar_nav{position: fixed; right: 0; top: 300px; z-index: 90; width: 120px; background: #004ca0;}
#sub_bar_nav ul{border: 1px #d1d1d1 solid; padding: 2px 0; height: auto; overflow: hidden;}
#sub_bar_nav li{display: block; line-height: 40px; color: #FFF; height: 40px; margin-bottom: 2px; font-size: 14px;}
#sub_bar_nav li:hover{background: #c8171e;}
#sub_bar_nav li a{display: block; float: left; height: 40px; line-height: 40px; margin: 0 11px; background: url(../images/dot.gif) repeat-x left bottom; clear: both; color: #FFF;}
#sub_bar_nav li a.no{background: none;}
#sub_bar_nav a:hover{color: #FFF; background: none;}
#sub_bar_nav li:hover a{color: #FFF; background: none;}
#sub_bar_nav li a.mainList i{display: block; float: left; background: url(../images/p1.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.mainList:hover i{background: url(../images/p1.png) no-repeat -22px center;}
#sub_bar_nav li a.biaoge i{display: block; float: left; background: url(../images/p2.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.biaoge:hover i{background: url(../images/p2.png) no-repeat -22px center;}
#sub_bar_nav li a.working i{display: block; float: left; background: url(../images/p4.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.working:hover i{background: url(../images/p4.png) no-repeat -20px center;}
#sub_bar_nav li a.data0 i{display: block; float: left; background: url(../images/p5.png) no-repeat left center; width: 17px; height: 17px; transition: all 0.4s; margin: 10px 7px 0 0;}
#sub_bar_nav li a.data0:hover i{background: url(../images/p5.png) no-repeat -16px center;}
/*location*/
.location{overflow: hidden; line-height: 60px; font-size: 14px; background: #eee; margin-bottom: 40px; color: #666;}
.location i{padding-right: 5px; font-size: 25px;}
.location a{color: #666; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.location a:hover{color: #004ca0;}
.location b{float: left; font-size: 20px; font-weight: 300;}
.location span{float: right;}
/*联系我们*/
.info_title_all{text-align: center; padding: 0 0 45px;}
.info_title_all h3{display: block; font-size: 36px; color: #434242; margin-bottom: 15px;}
.info_title_all small{font-size: 20px; color: #848484; font-family: pictos;}
.info_title_all b{font-size: 20px; color: #004ca0; display: block; margin-top: 20px;}
.info_contact{overflow: hidden;}
.h-contact-list{background-color: #fff; width: 48%; float: left; overflow: hidden;}
.h-contact-list ul{margin: 0 20px; width: 92%;}
.h-contact-li{position: relative; padding: 23px 10px 22px 50px; border-bottom: 1px solid #D2D2D2; font-size: 16px;}
.h-contact-li:last-child{border: none;}
.h-contact-li .ico{position: absolute; left: 0; top: 25px; display: block; width: 32px; height: 32px; background-position: 0 0; background-size: 100% 100%;}
.h-contact-li .addr{background-image: url(../images/h_ctc_ico1.png);}
.h-contact-li .tel{background-image: url(../images/h_ctc_ico2.png);}
.h-contact-li .fax{background-image: url(../images/h_ctc_ico3.png);}
.h-contact-li .mail{background-image: url(../images/h_ctc_ico4.png);}
.h-contact-li .txt{color: #888;}
#allmap{width: 51%; height: 350px; float: right; border: 1px solid #ccc;}
/*在线留言*/
.info_mes{overflow: hidden;}
.info_mes .info_mes_l{float: left; width: 50%;}
.info_mes .info_mes_l h3{font-size: 20px;}
.info_mes .info_mes_l span{display: block; margin: 15px 0; color: #666; font-size: 14px;}
.info_mes .info_mes_l form{margin-top: 40px;}
.info_mes .info_mes_l .input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.info_mes .info_mes_l .input-group:after{display: block; content: ''; clear: both;}
.info_mes .info_mes_l .input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.info_mes .info_mes_l .input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.info_mes .info_mes_l .input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #004ca0; border: 1px solid #004ca0;}
.info_mes .info_mes_l .input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #004ca0; border: 1px solid #004ca0;}
.info_mes .info_mes_l .input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #004ca0; border: 1px solid #004ca0;}
.info_mes .info_mes_l .input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none; margin-left: 4px;}
.info_mes .info_mes_l #submit{display: block; clear: both; width: 80px; line-height: 30px; background: #004ca0; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
.info_mes .info_mes_l #submit:hover{background: #BB0000;}
.info_mes .info_mes_r{float: right; width: 50%;}
.info_mes .info_mes_r img{max-width: 100%; display: block;}
/*qa*/
.qa_right ul li{border-bottom: 1px solid #ccc; padding: 32px 0;}
.qa_right ul li a{display: block;}
.qa_right ul li:hover span{color: #c8171e;}
.qa_right ul li:first-child{padding-top: 0;}
.qa_right ul li span{display: block; font-weight: bold; color: #3e3e3e; min-height: 25px; margin-bottom: 19px; background: url("../images/q.png") no-repeat left center; padding-left: 30px;}
.qa_right ul li small{display: block; font-size: 14px; color: #a6a6a6; background: url("../images/a.png") no-repeat left center; padding-left: 30px; min-height: 25px;}
/*子页面news*/
.inews_items{border-bottom: 1px #e2e2e2 solid; padding-bottom: 40px; margin-bottom: 30px; overflow: hidden;}
.inews_items li{position: relative; width: 385px; float: left; margin-left: 20px;}
.inews_items li:first-child{margin-left: 0;}
.inews_items li img{display: block; width: 100%; height: 290px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .bd{height: 418px; overflow: hidden; position: relative;}
.inews_items .bd li{float: left; width: 385px; margin-right: 20px;}
.inews_items .inews_pd .date{position: absolute; top: 0; left: 0; width: 106px; height: 82px; background-color: #004ca0; color: #fff; text-align: center; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.inews_items .inews_pd .date span{display: block;}
.inews_items .inews_pd .date .day{font-size: 28px; font-weight: bold; line-height: 30px; margin-top: 15px;}
.inews_items .inews_pd .date .year{font-size: 15px;}
.inews_items ._inews_text ._title{font-size: 18px; font-weight: normal; line-height: 23px; height: 46px; overflow: hidden; margin: 20px 0 0;}
.inews_items ._inews_text ._text{font-size: 14px; color: #747474; height: 44px; line-height: 22px; overflow: hidden;}
.inews_items .hd{margin-top: 50px;}
.inews_items .hd ul{font-size: 0; text-align: center;}
.inews_items .hd li{display: inline-block; border: 1px #707070 solid; width: 9px; height: 9px; line-height: 99; overflow: hidden; margin: 0 4px; border-radius: 50%; cursor: pointer; *display: inline; *zoom: 1;}
.inews_items .hd li.on{border-color: #c8171e; background-color: #c8171e;}
.inews_items .inews_pd a{display: block; overflow: hidden;}
.inews_items li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.inews_items li:hover ._title{color: #004ca0;}
.inews_items li:hover .inews_pd .date{background: #c8171e;}
.l{float: left;}
.news_bottom li{padding: 25px 0 30px; border-bottom: 1px dashed #ccc; overflow: hidden; *zoom: 1; width: 100%;}
.news_bottom li .data{font-family: Arial; border: 1px #ccc solid; width: 55px; margin-right: 2%;}
.news_bottom li .data span{display: block; text-align: center;}
.news_bottom li .data .day{font-size: 30px; font-weight: bold; background-color: #ccc; line-height: 45px; color: #fff;}
.news_bottom li .data .month{font-size: 0.77em; color: #565656;}
.news_bottom ._img{float: left; width: 15%; margin-right: 2%; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._img img{height: 100%;}
.news_bottom ._t{font-size: 18px; margin-bottom: 5px; color: #555; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._p a{line-height: 23px; height: 46px; overflow: hidden; color: #999; font-size: 14px;}
.news_bottom ._i{overflow: hidden; *zoom: 1; margin-top: 25px;}
.news_bottom ._i span,
.news_bottom ._i a{float: left; line-height: 26px; padding: 0 10px; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._more{background: #c8171e; color: #fff; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom ._i ._date{background: #ededed; color: #999; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.news_bottom li:hover ._t{color: #004ca0;}
.news_bottom li:hover span{color: #004ca0;}
.news_bottom li:hover ._i ._more{background-color: #004ca0;}
.news_bottom li:hover .data{border-color: #004ca0;}
.news_bottom li:hover .data .day{background-color: #004ca0;}
/*news_content*/
.news_info_con{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 20px;}
.news_info_con ._title{float: left; font-size: 25px; font-weight: 400;}
.news_info_con .news_time{float: right; font-size: 14px; color: #666; margin-top: 12px;}
.news_info_con .news_time span{padding-left: 20px; margin-left: 20px;}
.news_info_con .news_time span:nth-of-type(1){background: url("../images/time.png") no-repeat left center;}
.news_info_con .news_time span:nth-of-type(2){background: url("../images/click.png") no-repeat left center;}
/*在线客服*/
.suspension{position: fixed; z-index: 101; right: 0; bottom: 85px; width: 70px; height: 240px;}
.suspension-box{position: relative; float: right;}
.suspension .a{display: block; width: 44px; height: 44px; background-color: #004ca0; margin-bottom: 4px; cursor: pointer; outline: none;}
.suspension .a.active,
.suspension .a:hover{background: #F05352;}
.suspension .a .i{float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat;}
.suspension .a-service .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0;}
.suspension .a-service-phone .i{width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0;}
.suspension .a-qrcode .i{background-position: -44px 0;}
.suspension .a-cart .i{background-position: -88px 0;}
.suspension .a-top .i{background-position: -132px 0;}
.suspension .a-top{background: #D2D3D6; display: none;}
.suspension .a-top:hover{background: #c0c1c3;}
.suspension .d{display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px;}
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 34px;}
.suspension .d-qrcode{top: 78px;}
.suspension .d .inner-box{padding: 8px 22px 12px;}
.suspension .d-service-item{border-bottom: 1px solid #eee; padding: 14px 0;}
.suspension .d-service .d-service-item{border-bottom: none;}
.suspension .d-service-item .circle{width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left;}
.suspension .d-service-item .i-qq{width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden;}
.suspension .d-service-item:hover .i-qq{background-position: center 3px;}
.suspension .d-service-item .i-tel{width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block;}
.suspension .d-service-item h3{float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text{float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px;}
.suspension .d-service-item .text .number{font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
.suspension .d-service-intro{padding-top: 10px;}
.suspension .d-service-intro p{float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888;}
.suspension .d-service-intro i{background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block;}
.suspension .d-qrcode{text-align: center;}
.suspension .d-qrcode .inner-box{padding: 20px 0;}
.suspension .d-qrcode p{font-size: 16px; color: #93959c;}
/*产品分类*/
.info_pro_list{padding: 25px; background: #fff; margin-top: 30px; overflow: hidden;}
.info_pro_list .pro-list{width: 1250px;}
.info_pro_list .pro-list li{width: 270px;}
.info_pro_type{overflow: hidden; background: #fff; padding: 25px;}
.info_pro_type li{width: 16.666%; float: left; background: #fff; line-height: 40px; height: 40px; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box; margin-left: -1px; margin-top: -1px; text-align: center; font-size: 14px;}
.info_pro_type li a{display: block; color: #777; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.info_pro_type li a:hover{color: #fff; background: #004ca0;}

/*侧边栏*/
.suspension{display: none!important;}
.w100{width: 100%;}
.cf{color: #fff}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.fw{font-weight: bold}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f14{font-size: 14px}
.f18{font-size: 18px}
.c6{color: #666}
.tc{text-align: center}
#fu{transition: 0.5s;
    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#056bc5;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;background: url("../images/futel.png") left center no-repeat;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("../images/zx.png") left 19px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 38px;background: #fff url("../images/qq.png") left 16px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("../images/ful1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background:  url("../images/ful2.png") center no-repeat;cursor: pointer;display: none}